.serviceTime {
	width: 12.48rem;
	height: 9.43rem;
}
.flex{
	justify-content: center;
}
.title{
	font-family: simhei;
	margin-top: .1rem;
	padding-left: .74rem;
	font-size: .24rem;
	height: .3rem;
	line-height: .3rem;
	background: url(../img/title_arrviedLibData.png) no-repeat .15rem 0;
	-webkit-background-size: .42rem .3rem;
	background-size: .42rem .3rem;
}
.box1{
	position: absolute;
	left: .1rem;
	top: .56rem;
	padding-top: .5rem;
	/*width: 4.38rem;*/
	/*height: 4.17rem;*/
	width: 6rem;
	height: 5.37rem;
	background-color: rgba(174,132,240,.05);
}
.rect{
	height: 1.66rem;
	text-align: center;
	margin-bottom: 0.8rem;
}
.rect>div{
	margin:0 0.3rem;
}
.rect .GPU{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.todayArrived,.todayborrow{
	position: relative;
	width: 1.87rem;
	height: 1.66rem;
}
.box1 .totalArrvied_p{
	padding: .24rem 0 .14rem;
	font-size: .2rem;
	text-align: center;
}
.box1 .totalArrvied_time{
	padding-bottom: .13rem;
	font-size: .16rem;
	text-align: center;
}
div[class^="rect_green"]{
	background-image: url(../img/green_rect.png);
}
div[class^="rect_yellow"]{
	background-image: url(../img/yellow_rect.png);
}
.rect_green1,.rect_yellow1{
	z-index: 4;
	opacity: .5;
}
.rect_green2,.rect_yellow2{
	z-index: 3;
	opacity: .5;
}
.rect_green3,.rect_yellow3{
	z-index: 2;
	opacity: .3;
}
.rect_green4,.rect_yellow4{
	z-index: 1;
	opacity: .3;
}
.rect_green1.move,.rect_yellow1.move{
	animation: rotateRect 20s ease-out 0s 1 forwards;
}
.rect_green2.move,.rect_yellow2.move{
	animation: rotateRect 20s ease-out .75s 1 forwards;
}
.rect_green3.move,.rect_yellow3.move{
	animation: rotateRect 20s ease-out 1.5s 1 forwards;
}
.rect_green4.move,.rect_yellow4.move{
	animation: rotateRect 20s ease-out 2.25s 1 forwards;
}
.rect .upTitle{
	padding: .44rem 0 .11rem;
	font-size: .2rem;
}
.rect .upTitle+p{
	font-size: .36rem;
}
.rect .upTitle+p small{
	font-size: .16rem;
}

.grid_box{
	position: relative;
	margin: 0 auto;
	width: 3.6rem;
	height: .75rem;
	overflow: hidden;
}
.textContent{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	font-size: .36rem;
	text-align: center;
	line-height: .75rem;
	background-image: url(../img/grid5.png);
	color: #f0ff00;
}
.textContent small{
	font-size: .16rem;
}
.grid_canvas{
	position: absolute;
	left: 0;
	top: -1.425rem;
}
/*今日到馆曲线*/
.todayArrviedChart{
	position: absolute;
	left: 6.2rem;
	top: .56rem;
	/*width: 10.01rem;*/
	/*height: 4.17rem;*/
	width: 6.21rem;
	height:5.37rem;

	background-color: rgba(174,132,240,.05);
}
/*近七日到馆柱状图*/
.sevenDayArrviedBar{
	position: absolute;
	left: 6.2rem;
	/*top: 4.93rem;*/
	/*width: 9.23rem;*/
	/*height: 4.46rem;*/
	width: 6.21rem;
	height: 3.3rem;
	bottom:0;
	background-color: rgba(174,132,240,.05);
}
.pieWrap{
	position: absolute;
	left: .1rem;
	/*top: 4.93rem;*/
	/*width: 5.17rem;*/
	/*height: 4.46rem;*/
	width: 6rem;
	height: 3.3rem;
	bottom:0;

	background-color: rgba(174,132,240,.05);
}
/*本周到馆占比图*/
.weekPie{
	width: 100%;
	height: 100%;
}
.circle{
	position: absolute;
	z-index: 20;
	/*top: 1.815rem;*/
	/*left: 1.995rem;*/
	/*width: 1.18rem;*/
	/*height: 1.17rem;*/
	top: 1.65rem;
	left: 2.9rem;
	width: 0.3rem;
	height: 0.3rem;
	background-color: #01cf79;
	border: solid 0.01rem #bbe1f8;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.circle:after{
	content: '';
	position: absolute;
	/*left: 0;*/
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;	
	margin: auto;
	width: .29rem;
	height: .29rem;
	background-color: rgba(240,255,0,.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
@-webkit-keyframes rotateRect{
	from{
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotateRect{
	from{
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}